<template>
  <div id="app">
      <Header/>
      <Carousel/>
      <Nav/>
      <Info/>
      <Article/>
  </div>
</template>

<script>
    import Header from "./components/Header.vue"
    import Carousel from "./components/Carousel.vue"
    import Nav from "./components/Nav.vue"
    import Info from "./components/Info.vue"
    import Article from "./components/Article.vue"

    export default {
        name: 'App',
        components: {
            Header,
            Carousel,
            Nav,
            Info,
            Article,
        },
    }
</script>

<style lang="less">
    * {
        box-sizing: border-box!important;
        font-family: Arial, Helvetica, sans-serif;
    }

    #app {
        background-color: rgba(172, 163, 163, 0.2);
    }
</style>
